<template>
  <!-- 支付成功 -->
  <div class="payment-succeeded">
    <van-icon
      name="checked"
      size="50"
      color="#666ee8"
      style="margin-top: 80px"
    />
    <h3 :style="{ marginBottom: '30px' }">支付成功</h3>
    <span :style="{ fontSize: '14px' }">可在我的-我的课程中查看订单信息</span>
    <van-button
      :style="{ margin: '20px 0px' }"
      round
      color="#666ee8"
      text="查看订单"
      size="nomal"
      @click="$router.push('/order')"
    >
    </van-button>
    <van-button
      plain
      round
      color="#666ee8"
      text="返回首页"
      size="nomal"
      @click="$router.push('/user')"
    ></van-button>
  </div>
</template>

<script>
export default {
  name: 'payment-succeeded',
}
</script>

<style scoped>
.payment-succeeded {
  padding: 0px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.van-button {
  width: 100%;
}
</style>
